<template>
  <el-page-header @back="goBack">
    <template #content>
      <div
        class="flex items-center"
        style="display: flex; align-items: center; margin-bottom: 5px"
      >
        <span class="text-large font-600 mr-3"
          >策略名称： {{ rule.single.name }}
        </span>
      </div>
    </template>
  </el-page-header>
</template>
<script lang="ts" setup>
import { ref, onMounted, provide, inject } from "vue";
import { useRouter, useRoute } from "vue-router";

const router = useRouter();
const route = useRoute();

//接受来自父组件的注入
const rule = inject("rule") as any;

const statusColor = ref("");
//后退
const goBack = () => {
  router.back();
};
//持续在单个设备详情页面实时获取数据进行更新
onMounted(() => {});
</script>
<style lang="scss" scoped></style>
